import React from 'react'
import Article from './Article'
import { IFArticle } from '@/store/reducer'
import { Col } from 'antd'

type P = {
  list: IFArticle[]
  handel: (e: IFArticle) => void
}

type S = {}

export default class ArticleGroup extends React.Component<P, S> {
  render() {
    const { list, handel } = this.props
    return (
      <div className="ac fw">
        {list.map((item, index) => {
          return (
            <Col
              key={index}
              xs={12}
              md={8}
              xl={6}
              style={{ paddingRight: '15px' }}
            >
              <Article handel={handel} item={item} />
            </Col>
          )
        })}
      </div>
    )
  }
}
